<!DOCTYPE html>
<html>

	<head>
		<title></title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="lib/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/tou.css"/>
	</head>
	<style type="text/css">
		
		body,html{
			height: 100%;
		}
		#content {
			max-width: 640px;
			min-width: 320px;
			margin: 70px auto 60px auto;
			background-color: #EEEEEE;
		}
		
		#content .bgcolor {
			text-align: center;
		}
		
		#content .bgcolor img {
			width: 40px;
			padding-top: 5px;
		}
		
		.shenshuo {
			overflow: hidden;
			position: relative;
			margin-bottom: 5px;
		}
		
		.shenshuo img {
			float: left;
			width: 100%;
		}
		
		.shenshuo .weui-flex {
			position: absolute;
			height: 50%;
			width: 100%;
			margin: 0px;
		}
		
		.shenshuo .weui-flex:nth-child(3) {
			top: 50%;
		}
		
		.content_content {
			overflow: hidden;
		}
		
		.content_content>div {
			box-sizing: border-box;
			float: left;
			width: 50%;
			border-bottom: 4px solid #EEEEEE;
			background-color: white;
		}
		
		.content_content> div:nth-child(2n) {
			border-left: 2px solid #EEEEEE;
		}
		
		.content_content> div:nth-child(2n-1) {
			border-right: 2px solid #EEEEEE;
		}
		
		.content_content>div>a img {
			width: 100%;
			display: block;
		}
		
		.content_content div p {
			border-bottom: 1px dashed #000000;
			height: 40px;
			line-height: 20px;
			overflow: hidden;
		}
		
		.caption_content {
			height: 30px;
		}
		
		.caption_content span {
			float: left;
			padding: 5px;
			color: #E50012;
			font-size: 18px;
		}
		
		.caption_content img {
			float: right;
			margin: 5px;
		}
	</style>

	<body ontouchstart>
		
		<div class="weui-tab">
			<div class="weui-tab__bd">
				<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
					<div id="head">
						<div class="weui-flex">
							<div>
								<div class="placeholder"><img src="img/logo.png" /></div>
							</div>
							<div class="weui-flex__item">
								<div class="placeholder">
									<a href="#"><span class="weui-icon-search"></span></a>
									<div id="head_inp">
										<input type="text" name="" id="" value="" />
									</div>
								</div>
							</div>
						</div>
						<a href="fenlei.html"><img id="head_ing" src="img/typeico.png" /></a>
					</div>
					<div id="content">
						<!--轮播图-->
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="img/CghmQ1drPH-AGAt3AAEXJv101bQ532.jpg" width="100%" /></div>
								<div class="swiper-slide"><img src="img/CghmQldg786AIeNuAAH2MVVCZR4970.jpg" width="100%" /></div>
								<div class="swiper-slide"><img src="img/CghmQ1drPH-AGAt3AAEXJv101bQ532.jpg" width="100%" /></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
						<!--优惠卷-->
						<div class="weui-flex bgcolor">
							<div class="weui-flex__item">
								<a href="#">
									<div class="placeholder">
										<img src="img/icon_integral.png" />
										<p>我的优惠券</p>
									</div>
								</a>
							</div>
							<div class="weui-flex__item">
								<a href="#">
									<div class="placeholder">
										<img src="img/icon_coupon.png" />
										<p>特惠精品</p>
									</div>
								</a>
							</div>
							<div class="weui-flex__item">
								<a href="#">
									<div class="placeholder">
										<img src="img/icon_logistics.png" />
										<p>物流查询</p>
									</div>
								</a>
							</div>
							<div class="weui-flex__item">
								<a href="#">
									<div class="placeholder">
										<img src="img/icon_concern.png" />
										<p>我的关注</p>
									</div>
								</a>
							</div>
						</div>
						<!--下单送-->
						<div class="shenshuo">
							<img src="img/CghmQldsyJOAEAH3AADbM64GtAo873.jpg" />
							<div class="weui-flex">
								<a href="#1" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#2" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#3" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
							</div>
							<div class="weui-flex">
								<a href="#4" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#5" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#6" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
							</div>
						</div>
						<!--惊喜秒杀区-->
						<div class="shenshuo">
							<img src="img/CghmQldrPO6AbFMSAAGU7hDiFjo654.jpg" />
							<div class="weui-flex">
								<a href="#7" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#8" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
							</div>
							<div class="weui-flex">
								<a href="#9" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#10" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
								<a href="#11" class="weui-flex__item">
									<div class="placeholder"></div>
								</a>
							</div>
						</div>
						<!--夏食有道-->
						<div class="shenshuo">
							<a href="#"><img src="img/CghmQldwkh2AAa90AABK9I8TnM0518.jpg" /></a>
						</div>
						<div class="shenshuo">
							<a href="#"><img src="img/CghmQldwmqSAXeH5AADaRgum1Ng727.jpg" /></a>
						</div>
						<div class="shenshuo">
							<a href="#"><img src="img/CghmQldwmrWAUvSXAADTMD37JrE944.jpg" /></a>
						</div>
						<div class="shenshuo">
							<a href="#"><img src="img/CghmQ1dwmq6AYHWaAACuv9DVOdU358.jpg" /></a>
						</div>
						<div class="shenshuo">
							<a href="#"><img src="img/CghmQldwlDGAO1HCAABHbbUjBWw286.jpg" /></a>
						</div>
						<div class="content_content">
							<div>
								<a href="#"><img src="img/CghmQ1dqLLGAKblZAABGv-6cnXQ902.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqLUWARmM1AAA2ji74tDE214.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQ1dqL6SASJ1TAABE-bpAbWU636.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							
							<div>
								<a href="#"><img src="img/CghmQ1dqPl-AZaCRAABTrNIWRow004.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldosGOAJD-AAABaDI1-xnA511.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqMleAeorHAABB5IaESfc879.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqMxaAB_EGAABIXtVJIn0130.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
						</div>
						<div class="shenshuo">
							<a href="#"><img src="img/CghmQ1drPsiASi9BAABJJmewia4027.jpg" /></a>
						</div>
						<div class="content_content">
							<div>
								<a href="#"><img src="img/CghmQ1dqLLGAKblZAABGv-6cnXQ902.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqLUWARmM1AAA2ji74tDE214.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQ1dqL6SASJ1TAABE-bpAbWU636.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							
							<div>
								<a href="#"><img src="img/CghmQ1dqPl-AZaCRAABTrNIWRow004.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldosGOAJD-AAABaDI1-xnA511.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqMleAeorHAABB5IaESfc879.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
							<div>
								<a href="#"><img src="img/CghmQldqMxaAB_EGAABIXtVJIn0130.jpg" />
									<p>【5折秒杀】奶香夏威夷果20g每个ID限购3个（全场满68包邮）</p>
								</a>
								<div class="caption_content">
									<span>￥9.9</span>
									<a href="#"><img src="img/buy.png" /></a>
								</div>
							</div>
						</div>
						<!--分割线-->
					</div>
				</div>
			</div>
			<div class="weui-tabbar">
				<a href="index.html" class="weui-tabbar__item weui-bar__item--on">
					<div class="weui-tabbar__icon">
						<img src="./images/icon_nav_button.png" alt="">
					</div>
					<p class="weui-tabbar__label">首页</p>
				</a>
				<a href="fenlei.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="./images/icon_nav_msg.png" alt="">
					</div>
					<p class="weui-tabbar__label">分类</p>
				</a>
				<a href="gouwuche.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="./images/icon_nav_article.png" alt="">
					</div>
					<p class="weui-tabbar__label">购物车</p>
				</a>
				<a href="wodeliangpin.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="./images/icon_nav_cell.png" alt="">
					</div>
					<p class="weui-tabbar__label">我的良品</p>
				</a>
			</div>
		</div>
		<script src="lib/jquery-2.1.4.js"></script>
		<script src="js/jquery-weui.min.js"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".swiper-container").swiper({
				loop: true,
				autoplay: 3000
			});
		</script>
	</body>

</html>